<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../common/mui/mui.css" rel="stylesheet" />
		<link href="../../common/css/yahei.css" rel="stylesheet" />
		<link href="../../common/css/iconfont.css" rel="stylesheet" />
		<link href="../../common/mui/mui.picker.min.css" rel="stylesheet" />
		<link href="../../common/mui/mui.poppicker.css" rel="stylesheet" />
		<link href="../../common/css/app.css" rel="stylesheet" />
		<link href="../../dependence/teach/css/teachPublic.css" rel="stylesheet" />
		<link href="../../dependence/teach/css/surveyPaper.css" rel="stylesheet" />
		<style>
			#statusIcon{
				position: absolute;
				right: var(--size15);
				top: 50%;
				font-weight: 400;
				display: inline-block;
				font-size: var(--size30);
			}
			.titleLine{
				width: 100%;
				font-size: var(--size12);
				color: #AAAAAA;
				display: flex;
				line-height: var(--size17);
				margin-top: var(--size8);
			}
			.leftText{
				width: var(--size50);
				white-space: nowrap;
			}
			.rightText{
				width: calc(100% - var(--size50));
			}
			.scoreArea {
				position: absolute;
				right: var(--size15);
				top: 0;
				min-width: var(--size100);
				height: var(--size30);
				display: flex;
				text-align: center;
			}
			
			.scoreTip {
				background: #3DACE7;
				height: 100%;
				line-height: var(--size30);
				color: white;
				font-size: var(--size15);
				padding: 0 var(--size8);
				white-space: nowrap;
				border-top-left-radius: 6px;
				border-bottom-left-radius: 6px;
			} 
			
			#totalScore {
				border-top-right-radius: 6px;
				border-bottom-right-radius: 6px;
				width: calc(100% - var(--size40));
				height: 100%;
				line-height: var(--size30);;
				background: white;
				border: solid 1px #3DACE7;
				border-left: 0px;
				font-size: var(--size18);
				color: #FF0000;
			}
			#wrapper{
				top: 150px;
			} 
			.mui-btn-primary{
				display: none;
			}
			.slide .mui-input-row.mui-input-range{
				margin-top: 25px;
			}
			.jumped{
				display: none;
			}
			.emptyTip{
				display: none;
				color: red;
				margin-left: var(--size15);
				font-size: var(--size13);
			}
			.emptyStyle{
				display: block;
			}
			.nurfont.nur-statusS{
				transform: rotate(20deg);
				font-size: var(--size32);
				color: goldenrod;
			}
			.nur-weitianxie{
				color: var(--mainColor);
			}
			.nurfont.nur-statusR{
				color: green;
			}
		</style>
	</head>
	<body class="YaHei">
		<header class="mui-bar mui-bar-nav borderB">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title colorblack">详情</h1>
		</header>
		<div class="mui-content">
			<div id="titleArea" class="titleArea">
				<div id="title" class="title"></div>
				<div class="titleLine"><div class="tipText">调查标题：</div><div id="statTitle" class="contentText"></div></div>
				<div class="titleLine"><div class="tipText">调查内容：</div><div id="statContent" class="contentText"></div></div>
				<div class="titleLine"><div class="tipText">起止日期：</div><div id="startDate" class="contentText"></div></div>
				<div class="titleLine"><div class="tipText">备注说明：</div><div id="statMark" class="contentText"></div></div>
				<div class="scoreArea"><div class="scoreTip">得分</div><div id="totalScore">0</div></div>
				<div id="statusIcon" class="nurfont"></div>
			</div>
			<div id="wrapper" class="mui-scroll-wrapper">
				<div class="mui-scroll mui-scroll-phone">
					<ul id="UL" class="mui-table-view"></ul>
					<div data-id="Y" class="mui-btn mui-btn-primary submitBtn">保存并提交</div>
					<div data-id="N" class="mui-btn mui-btn-primary saveBtn">保存</div>
				</div>
			</div>
		</div>
		<div id="tipPopo" class="mui-popover tipPopo">
			<div class="popotitle mui-icon mui-icon-compose">填写提示
				<div class="mui-icon mui-icon-closeempty closeBtn"></div></div>
			<div class="mui-scroll-wrapper">
				<div id="tipContent" class="mui-scroll mui-scroll-phone"></div>
			</div>
		</div>
		<script src="../../common/mui/mui.js"></script>
		<script src="../../common/mui/mui.picker.min.js"></script>
		<script src="../../common/mui/mui.poppicker.js"></script>
		<script src="../../common/js/DHCMethods.js"></script>
		<script src="../../common/js/globalSet.js"></script>
		<script src="../../common/js/jquery-3.4.1.min.js"></script>
		<script src="../../common/js/DHCWebService.js"></script>
		<script src="../../common/js/app.js"></script>
		<script src="../../dependence/wkplatform/js/satisfied/nurSatisfiedInfo.js"></script>
	</body>
</html>
